<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /*
     选择器可以真对 一个元素里面的属性以及值来进行抓取元素
        元素名称[属性名称=值][属性名称=值]
        = 表示 相同
        ^= 表示以什么开头
        $= 以什么结尾
        *= 包含
        :not([]) 不等于
    */
    form > input[type=text]:not([id=a]){
        background-color: red;
        border: 1px solid red;;
    }
</style>
<body>
    
    <h1>表单选择器</h1>
    <form>
        <input type="text">
        <input type="text" name="" id="a">
        <input type="text" name="" id="abc">
        <input type="text" name="" id="abcd">
        <input type="text" name="" id="bcda">

    </form>
</body>
</html>